<script lang="ts" setup>
const emit = defineEmits(['comSearch', 'comReset'])
function search() {
    emit('comSearch')
}
function reset() {
    emit('comReset')
}
</script>

<template>
    <div class="com-con">
        <div class="search">
            <slot />
        </div>

        <div class="btn">
            <el-button type="primary"
                       @click="search"
            >
                查询
            </el-button>

            <el-button @click="reset">
                重置
            </el-button>
        </div>
    </div>
</template>

<style lang="scss" scoped>
 .com-con {
    padding: 20px;
    background-color: #ffffff;
    font-size: 14px;
    color: rgba(16, 16, 16, 1);
    display: flex;
    .search {
        flex: 1;
    }
    .btn {
        flex: 0 0 13%;
    }
}
</style>
